<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .my-svg{
            width: 300px;
            height: 300px;
            fill:red;
        }
    </style>
</head>
<body>
    <!-- 1.svg可以当作图片路径使用 -->
    <!-- <img src="./user.svg" alt=""> -->

    <!-- 2.可以直接使用svg标签 -->
    <!-- 
        width: 宽度
        height: 高度
        viewBox: 四个值 0 0 130 130
            前两个值: x与y轴的偏移量 
            后两个值: 图片的原大小
        fill: 填充 颜色
     -->
    <svg class="my-svg"  width="500" height="500" viewBox="0 0 130 130" fill="purple" xmlns="http://www.w3.org/2000/svg">
        <path d="M63.444 64.996c20.633 0 37.359-14.308 37.359-31.953 0-17.649-16.726-31.952-37.359-31.952-20.631 0-37.36 14.303-37.358 31.952 0 17.645 16.727 31.953 37.359 31.953zM80.57 75.65H49.434c-26.652 0-48.26 18.477-48.26 41.27v2.664c0 9.316 21.608 9.325 48.26 9.325H80.57c26.649 0 48.256-.344 48.256-9.325v-2.663c0-22.794-21.605-41.271-48.256-41.271z" stroke="#979797"/>
    </svg>
</body>
</html>